<!doctype html>
<html lang="es-AR">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
        <title>Der groBe Verteiler - Alta Pedido</title>
        <link type="text/css" rel="stylesheet" href="css/core.css">
    </head>
    <body>
        <header>
            <h1>Der große Verteiler</h1>
        </header>
        <article class="container">
            <section class="operationHeader row">
                <h2>Alta Pedido</h2>
            </section>
            <!-- Navigation bar -->
            <section>
                <ul class="nav nav-tabs">
                  <li role="presentation" class="active"><a href="#entrega-form">Entrega</a></li>
                  <li role="presentation"><a href="#cliente-form">Cliente</a></li>
                  <li role="presentation"><a href="#pedido-form">Pedido</a></li>
                </ul>
            </section>
            <form name="alta-envio" action="IniciarPedidoAction">
                <!-- Formulario de datos de entrega -->
                <section id="entrega-form" class="operationContent row toggle active">
                    <h3>Dirección de entrega</h3>
                    <section>
                        <input type="text" class="form-control" placeholder="Pais" required name="pais">
                        <input type="text" class="form-control" placeholder="Provincia" required name="provincia">
                        <input type="text" class="form-control" placeholder="Localidad" required name="localidad">
                        <input type="text" class="form-control" placeholder="Código Postal" required name="codigoPostal">
                        <input type="text" class="form-control" placeholder="Calle" required name="calle">
                        <input type="number" class="form-control" placeholder="Altura" required name="numero">
                        <input type="number" class="form-control" placeholder="Piso" name="piso">
                        <input type="text" class="form-control" placeholder="Departamento" name="departamento">
                        <label>Sucursal de origen</label>
                        <select class="form-control" name="sucursalSalida">
                            <option>Sucursal Buenos Aires 1</option>
                            <option>Sucursal Buenos Aires 2</option>
                            <option>Sucursal Cordoba</option>
                            <option>Sucursal Rosario</option>
                            <option>Sucursal Mendoza</option>
                        </select>
                    </section>
                </section>

                <!-- Formulario de datos de entrega -->
                <section id="cliente-form" class="operationContent row toggle">
                    <h3>Información del Cliente</h3>
                    <section>
                        <div class="input-group">
                            <span class="input-group-addon">
                                Empresa
                                <input type="checkbox" name="esEmpresa" value="true">
                            </span>
                            <input type="text" class="form-control" placeholder="Numero de cliente" required name="idCliente">
                        </div>
                    </section>
                </section>
                <section id="pedido-form" class="operationContent row toggle">
                    <h3>Información del Pedido</h3>
                    <section>
                        <input type="text" class="form-control" placeholder="Nombre del destinatario" required name="nombreDestinatario">
                        <input type="number" class="form-control" placeholder="DNI del destinatario" required name="dniDestinatario">
                        <input type="date" class="form-control" placeholder="Fecha de entrega máxima" required name="fechaMaximaLlegada">

                        <div class="input-group">
                            <span class="input-group-addon">
                                Tipo
                            </span>
                            <select class="form-control" name="tipo">
                                <option>Internacional</option>
                                <option>Granel</option>
                                <option>Nacional</option>
                            </select>
                        </div>
                        <div id="sucursalDestinoWrapper">
	                        <label>Sucursal de destino</label>
	                        <select class="form-control" name="sucursalLlegada" required>
	                            <option>Sucursal Buenos Aires 1</option>
	                            <option>Sucursal Buenos Aires 2</option>
	                            <option>Sucursal Cordoba</option>
	                            <option>Sucursal Rosario</option>
	                            <option>Sucursal Mendoza</option>
	                        </select>
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">
                                Entrega en puerta
                                <input type="checkbox" name="entregaPuerta" value="true">
                            </span>
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">
                                Se certifica que el cargamento no contiene armas, drogas, explosivos, animales, etc.
                                <input id="contenidoSeguro" type="checkbox">
                            </span>
                        </div>
                        <textarea class="textarea" required name="manifiesto" placeholder="Manifiesto de la carga"></textarea>
                    </section>
                </section>
                <button type="submit" class="btn btn-default">Aceptar</button>
            </form>
        </article>
        <script src="bower_components/jquery/dist/jquery.js"></script>
        <script src="bower_components/bootstrap/js/tab.js"></script>
        <script src="js/alta-envio.js"></script>
    </body>
</html>
